<template>
  <div class="add-page">
    <div class="add-title">
      门店设置
    </div>
    <el-row class="add-box">
      <el-col :span="24">
        <el-form ref="form" label-width="130px" :model="form">
          <div class="add-form-title">
            <p>商品和库存分配</p>
          </div>
          <el-form-item label="门店价格" class="add-form-hintColor">
            <el-radio v-model="form.store_price" :label="1"
              >使用商家统一价</el-radio
            >
            <el-radio v-model="form.store_price" :label="2"
              >使用门店独立售价</el-radio
            >
            <div>
              1.
              门店使用商家统一价时，门店不能修改商品销售价，门店售价取商家统一价；
            </div>
            <div>
              2.
              门店使用门店独立售价时，有改价权限的门店可在售价区间内修改商品销售价。<br />
              若从门店独立售价切换为商家统一价，门店已设置的售价保留，但售卖按商家统一价；<br />
              若商家修改商品售价区间，且超出门店当前售价，将清空门店对应规格的门店售价。
            </div>
            <div>
              3.
              切换设置后，门店商品列表中关于价格的排序及筛选将于第二天更新，请勿频繁切换。
            </div>
          </el-form-item>
          <el-form-item label="门店库存" class="add-form-hintColor">
            <el-checkbox-group v-model="storeStock">
              <el-checkbox :label="1">使用总仓库存模式</el-checkbox>
              <el-checkbox :label="2">使用门店独立库存模式</el-checkbox>
            </el-checkbox-group>
            <div>
              线上渠道包括公众号、小程序、H5环境中的线上商城等，根据设置使用对应库存；
            </div>
            <div>
              若选择多种模式，库存使用优先级为门店库存>总仓库存>外部对接仓库存；
            </div>
          </el-form-item>
          <div class="add-form-title">
            <p>维权管理</p>
          </div>
          <el-form-item>
            <el-radio v-model="form.wq_manage" :label="1"
              >商家统一维权</el-radio
            >
            <el-radio v-model="form.wq_manage" :label="2"
              >门店独立维权</el-radio
            >
          </el-form-item>
          <div class="add-form-title">
            <p>门店物流</p>
          </div>
          <el-form-item>
            <el-radio v-model="form.store_distribution" :label="1"
              >商家统一维权</el-radio
            >
            <el-radio v-model="form.store_distribution" :label="2"
              >门店独立维权</el-radio
            >
            <div>
              <el-checkbox v-model="applyYourself"
                >支持为商家订单提供自提服务</el-checkbox
              >
            </div>
          </el-form-item>
          <div class="add-form-title">
            <p>门店客服</p>
          </div>
          <el-form-item>
            <el-radio-group v-model="form.store_kefu">
              <el-radio :label="1">使用商家统一客服</el-radio>
              <el-radio :label="2">门店独立客服</el-radio>
              <el-radio :label="3">不使用客服</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <div class="foot-operation">
      <el-button plain @click="$emit('out')">取 消</el-button>
      <el-button type="primary" @click="submit">保 存</el-button>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    dataMsg: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      applyYourself: false,
      storeStock: [],
      form: {
        store_price: 1,
        store_stock: "",
        wq_manage: 1,
        store_distribution: 1,
        apply_yourself: 0,
        store_kefu: 1
      }
    };
  },
  created() {},
  methods: {
    submit() {
      this.form.apply_yourself = this.applyYourself ? 1 : 0;
      this.form.store_stock = this.storeStock.join(",");
      this.$emit("submit", this.form);
    }
  }
};
</script>
<style lang="scss" scoped></style>
